<template>
    <div class="message-detail-container">
      <h1>{{ message.title }}</h1>
      <div class="message-content">{{ message.content }}</div>
      <el-button @click="goBack">返回</el-button>
    </div>
  </template>
  
  <script setup>
  import { ref, onMounted } from 'vue'
  import { useRoute, useRouter } from 'vue-router'
  
  const route = useRoute()
  const router = useRouter()
  
  const message = JSON.parse(route.query.message)
  
  const goBack = () => {
    router.back()
  }
  </script>
  
  <style scoped>
  .message-detail-container {
    padding: 20px;
  }
  
  h1 {
    text-align: center;
    margin-bottom: 20px;
  }
  
  .message-content {
    margin-bottom: 20px;
  }
  </style>
  